<template>
  <div id="box">
    <!-- <span>奥特曼打小怪兽：{{message}}</span><br>
    <span v-text="number"></span><br>
    <span v-text="address"></span><br>
    <img v-bind:src="imgSrc" alt="">
    <img :src="imgSrc" :title="imgTitle+'！！！'"><br> -->
    <!-- <input type="text" value="v_on 单击" v-on:click="doIt()">
    <input type="text" value="v_on 简写单击" @click="doIt()">
    <input type="text" value="v_on 双击" @dblclick="gai()">
    <input type="text" value="回车键" @keyup.enter="sayHi"><br>
    <span>{{change}}</span> -->
    <!-- <input type="text" v-on:keyup.enter="submit"> -->
    <!-- <button @click="isShow=!isShow">点击</button>
    <div class="box" v-show="isShow"></div> -->
    <!-- <input type="button" value="切换显示" @click="toggleIsShow">
    <p v-if="isShow">小孙小孙发财提薪</p> -->
    <!-- <button @click="add">点击添加</button>
    <button @click="sub">点击删除</button>
    <ul>
      <li v-for="item in arr">{{item}}</li>
    </ul> -->
    <input type="text" v-model="message">
<h2>{{message}}</h2>
  </div>
</template>

<!-- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> -->
<script>
export default {
  data(){
    return{
      // message:"我是小仙女",
      // number:"love_251314",
      // address:"天上人间",
      // number:"<a href='https://www.imooc.com/'>好好学习</a>",
      // address:"<a href='https://www.imooc.com/'>天天向上</a>",
      // imgSrc:"1.PNG",
      // imgTitle:"奶茶",
      // change:"奥特曼打小怪兽！",
      // methods:{
      // doIt:function () {
      //   this.message+="宝藏女孩！";
      // },
      // gai:function () {
      //   this.message=this.change;
      //   alert("成功接收！");
      // },
      // sayHi:function(){
      // Alert("你好！！！");
      //  }
      // }
      // methods: {
      //   submit(){
      //     console.log('表单已提交');
      //   }
      // },
  //     a:4,
  //     isShow:true,
  //     methods:{
  //     show(){
  //     this.isShow=!this.isShow;
  //   }
  // }
      // isShow:false,
      // methods:{
      //   toggleIsShow:function(){
      //     this.isShow=!this.isShow;
      //   }
      // }
//       arr:["上海","杭州","深圳","无锡","苏州"],
//       methods:{
//       add:function () {
// this.arr.push("巴黎");
//       },
//       sub:function () {
//         this.arr.shift();
//       }
//       }
      message:"欣知大数据",
    }
  }
}

</script>

<style>
  /* .box{
    width:100px;
    height: 100px;
    background-color: aquamarine;
  }   */
</style>
